<template>
    <div class="madp-not-found">
        <img class="madp-not-found-img"
             src="@/assets/img/no-records.png" />
        <div class="madp-not-found-text">
            暂无记录
        </div>
        <div class="madp-btn">
            <el-button size="large"
                       type="text"
                       @click="goHome">返回首页</el-button>
            <el-button size="large"
                       type="primary"
                       @click="backPage">返回上一页</el-button>
        </div>
    </div>
</template>
<script>
export default {
    props: [],
    data () {
        return {

        }
    },
    mounted () {

    },
    methods: {
        backPage () {
            this.$router.go(-1);
        },
        goHome () {
            this.$router.push({
                path: "/"
            });
        }
    }
}
</script>
<style lang="less" scoped>
.madp-not-found {
    text-align: center;
    margin-top: 220px;
    .madp-not-found-img {
        width: 60px;
        height: 68px;
    }
    .madp-not-found-text {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 14px;
        margin-top: 17px;
    }
}
.madp-btn {
    margin-top: 80px;
}
.el-button--text {
    color: #104484;
}
.el-button--primary {
    background-color: #104484;
    border-color: #104484;
}
</style>